
@if mgwt.css pretty {
	@external mgwt-CheckBox, mgwt-CheckBox-middle, mgwt-CheckBox-middle-content, mgwt-CheckBox-on, mgwt-CheckBox-off, mgwt-CheckBox-important, mgwt-CheckBox-notchecked, mgwt-CheckBox-checked;
	
}

.mgwt-CheckBox {
	width: 94px;
	overflow: hidden;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	
}

@if user.agent safari {
	.mgwt-CheckBox {
		display: \-webkit-box;
		\-webkit-box-orient: horizontal;
		\-webkit-box-pack: justify;
		\-webkit-tap-highlight-color: transparent;
		\-webkit-border-radius: 6px;
		\-webkit-box-sizing: border-box;
	}
}

@if user.agent gecko1_8 {
	.mgwt-CheckBox {
		width: 88px;
		line-height: 27px;
		display: \-moz-box;
		\-moz-box-orient: horizontal;
		\-moz-box-pack: justify;
		\-moz-tap-highlight-color: transparent;
		\-moz-border-radius: 6px;
		\-moz-box-sizing: border-box;
	}
}


.mgwt-CheckBox-middle {
	position: relative;
	z-index: 1;
	border: solid 1px #929292;
}


@if user.agent safari {
	.mgwt-CheckBox-middle {
		\-webkit-transition: all 0.1s ease-in-out;
		\-webkit-border-radius: 6px;
	}
}

@if user.agent gecko1_8 {
	.mgwt-CheckBox-middle {
		\-moz-transition: all 0.1s ease-in-out;
		\-moz-border-radius: 6px;
	}
}



.mgwt-CheckBox-middle-content {
	display: block;
	position: relative;
	height: 25px;
	width: 38px;
	border-top: solid 1px #eeeeee;
}

@if user.agent safari {
	.mgwt-CheckBox-middle-content {
		
		\-webkit-box-sizing: border-box;
		background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#cecece), to(#fcfcfc) )');
		\-webkit-border-radius: 5px;
	}
}

@if user.agent gecko1_8 {
	.mgwt-CheckBox-middle-content {
		\-moz-box-sizing: border-box;
		background-image: literal('-moz-linear-gradient(top, #cecece, #fcfcfc )');
		\-moz-border-radius: 5px;
	}
}




.mgwt-CheckBox-on {
	position: relative;
	height: 25px;
	color: #ffffff;
	margin-right: -6px;
	width: 54px;
	padding-right: 4px;
	border: solid 1px #093888;
	

}

@if user.agent safari {
	.mgwt-CheckBox-on {
		background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#295ab3), to(#76adfb) )');
		\-webkit-border-top-left-radius: 6px;
		\-webkit-border-bottom-left-radius: 6px;
		\-webkit-transition: all 0.1s ease-in-out;
	
	}
	
	@if mgwt.os android {
		.mgwt-CheckBox-on {
			background-image: literal('-webkit-gradient(linear, left top, left bottom, from(rgb(62, 143, 176)), to(rgb(42, 123, 156)) )');
			border: solid 1px black;
		}
	}
}

@if user.agent gecko1_8 {
	.mgwt-CheckBox-on {
		background-image: literal('-moz-linear-gradient(top, #295ab3, #76adfb )');
		\-moz-border-radius-bottomleft: 6px;
		\-moz-border-radius-topleft: 6px;
		\-moz-transition: all 0.1s ease-in-out;
	
	}
	
	@if mgwt.os android {
		.mgwt-CheckBox-on {
			background-image: literal('-webkit-linear-gradient(top, rgb(62, 143, 176), rgb(42, 123, 156))');
			border: solid 1px black;
		}
	}
}




.mgwt-CheckBox-off {
	position: relative;
	color: #666666;
	width: 54px;
	padding-left: 4px;
	border: solid 1px #a2a2a2;
	margin-left: -6px;
	height: 25px;
	

}


@if user.agent safari {
	.mgwt-CheckBox-off {
		background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#b6b6b6), color-stop(0.50, #ffffff) )');
		\-webkit-border-top-right-radius: 6px;
		\-webkit-border-bottom-right-radius: 6px;
		\-webkit-transition: all 0.1s ease-in-out;
	
	}
	
	@if mgwt.os android {
		.mgwt-CheckBox-off {
			border: solid 1px black;
		}
	}
}

@if user.agent gecko1_8 {
	.mgwt-CheckBox-off {
		background-image: literal('-moz-linear-gradient(top, #b6b6b6, #fff 50% )');
		\-moz-border-radius-topright: 6px;
		\-moz-border-radius-bottomright: 6px;
		\-moz-transition: all 0.1s ease-in-out;
	
	}
	
	@if mgwt.os android {
		.mgwt-CheckBox-off {
			border: solid 1px black;
		}
	}
}




@if user.agent safari {

	.mgwt-CheckBox-important .mgwt-CheckBox-on {
		background-image: literal('-webkit-gradient(linear, left top, left bottom, from(#e75f00), color-stop(.5, #fe9c12) )');
		border: solid 1px #d87101;
	}
	
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-middle {
	    \-webkit-transform: translate3d(-54px,0,0);
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-middle {
	    \-webkit-transform: translate3d(0px,0,0);
	}
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-off {
	    \-webkit-transform: translate3d(-54px,0,0);
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-off {
	    \-webkit-transform: translate3d(10px,0,0);
	}
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-on {
	    \-webkit-transform: translate3d(-62px,0,0);
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-on {
	    \-webkit-transform: translate3d(0px,0,0);
	}
	
}



@if user.agent gecko1_8 {

	.mgwt-CheckBox-important .mgwt-CheckBox-on {
		background-image: literal('-moz-linear-gradient(top, #e75f00, #fe9c12 50% )');
		border: solid 1px #d87101;
	}
	
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-middle {
	    \-moz-transform: translate(-54px,0);
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-middle {
	    \-moz-transform: translate(0px,0);
	}
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-off {
	    \-moz-transform: translate(-54px,0);
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-off {
	    \-moz-transform: translate(0px,0);
	}
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-on {
	    \-moz-transform: translate(-62px,0);
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-on {
	    \-moz-transform: translate(0px,0);
	}
	
}


/*TODO add browser....*/
@if user.agent ie6 ie8 ie9 gecko opera {

	.mgwt-CheckBox-important .mgwt-CheckBox-on {
		
	}
	
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-middle {
	    
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-middle {

	}
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-off {
	   
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-off {
	    
	}
	
	.mgwt-CheckBox-notchecked .mgwt-CheckBox-on {
	
	}
	
	.mgwt-CheckBox-checked .mgwt-CheckBox-on {
	   
	}
	
}
